/*----------------titlebar.less(start)--------------*/
.titlebar,.titlebar-button,.titlebar-title{
	position:relative;
}
.titlebar{
	display:-webkit-box;
    -webkit-box-align:center;
	min-height:@px44;
	padding: @px6 0;
	box-sizing:border-box;

	background-color:@bar-bg;

	.inputbox{
		-webkit-box-flex:1;
	}

	//底线
	&:after{
		content: '';
	    display: block;
	    position: absolute;

	    top: auto;
		right: auto;
	    bottom: 0;
	    left: 0;
	    height: @px1;
	    width: 100%;
		background-color: @border;
		-webkit-transform-origin:center bottom;

		//兼容UC线条不显示的BUG
    	z-index:1;overflow: hidden;-webkit-backface-visibility:hidden;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		&:after {
			-webkit-transform: scaleY(0.5);
		}
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 3) {
		&:after {
			-webkit-transform: scaleY(0.33);
		}
	}
}

/*左右对齐*/
.titlebar-left,.titlebar-right{
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:1;
}
.titlebar-left{
	left:0;
}
.titlebar-right{
	right:0;
}

//标题
.titlebar-title{
	font-size: @font-size-L;
	font-weight: normal;
	-webkit-box-flex:1;

	color:@bar-color;
}

/*按钮*/
.titlebar-button{
	max-height:@px32;
	margin:0 @px8;
	color:@bar-button;
	border-color:@bar-button;
	&:active{
		/* color:@bar-button-active;
		border-color:@bar-button-active; */
		opacity: 0.5;
	}
}
.titlebar.reverse{
	background-color:@bar-reverse-bg;
	.titlebar-title{
		color:@bar-reverse-color;
	}
	//底线
	&:after{
		background-color: @bar-reverse-border;
	}
	.titlebar-button{
		color:@bar-reverse-button;
		border-color:@bar-reverse-button;
		&:active{
			color:@bar-reverse-button-active;
			border-color:@bar-reverse-button-active;
		}
	}
}

.titlebar-button+.titlebar-button{
	margin-left:0px;
}
/*----------------titlebar.less(end)----------------*/